<!DOCTYPE html>
<html>

<head>
	<title>Vertical table</title>

	<style type="text/css">
	body {
		font-size:100%;}
	h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#666666;
		margin:0px;}
	</style>
	<link rel="stylesheet" type="text/css" href="css/table-column-styles.css" />

</head>

<body>

<h1>Advertising Rates</h1>
<table class="column-styles">
  <colgroup span="2" class="standard"></colgroup>
  <colgroup span="1" class="featured"></colgroup>
  <colgroup span="2" class="standard"></colgroup>
  <tr>
    <th>local</th>
    <th>regional</th>
    <th>national</th>
    <th>continent</th>
    <th>international</th>
  </tr>
  <tr>
    <td>100 x 100 pixel ad</td>
    <td>100 x 100 pixel ad</td>
    <td>300 x 250 pixel ad</td>
    <td>300 x 250 pixel ad</td>
    <td>300 x 500 pixel ad</td>
  </tr>
  <tr>
    <td>1 site</td>
    <td>2 sites</td>
    <td>5 sites</td>
    <td>10 sites</td>
    <td>entire network</td>
  </tr>
  <tr>
    <td>5,000<br />impressions</td>
    <td>15,000<br />impressions</td>
    <td>50,000<br />impressions</td>
    <td>100,000<br />impressions</td>
    <td>250,000<br />impressions</td>
  </tr>
  <tfoot>
    <tr>
      <td>$50</td>
      <td>$100</td>
      <td>$250</td>
      <td>$500</td>
      <td>$1500</td>
    </tr>
  </tfoot>
</table>

</body>
</html>
